body,h1,h2,h3,h4,p{
    margin: 0px;
    padding: 0px;
}
main{
    padding: 50px 0px;
    background-image: url(wood.png);
}
main>section{
    width: 500px;
    height: 120px;
    margin: 0px auto;
    background-color: pink;

    position: relative;
    border-radius: 20px;
    box-shadow: 2px 2px 3px #8B8B7A;
}
section:nth-child(2n+1){
    left: -60px;
}
section:nth-child(2n){
    left: 90px;
}
#jl{
    background-color: #000000;
    z-index: 900;
    background-image: url(diwen.png);
    background-size: 70% auto;
    background-repeat: no-repeat;
    background-position: 70% 20%;
    transform: rotate(-5deg);
}
#grxx{
    background-color: #DEDEDC;
    top: -10px;
    z-index: 800;
}
#lxfs{
    background-color: #C4BE66;
    top: -20px;
    z-index: 700;
}
#jyjl{
    background-color: #BC8EBC;
    top: -30px;
    z-index: 600;
}
#sjjl{
    background-color: #DC214C;
    top: -40px;
    z-index: 500;
}
#jnsp{
    background-color: #E3EFC1;
    top: -50px;
    z-index: 400;
}
#zwpj{
    background-color: #D5C2D8;
    top: -60px;
    z-index: 300;
}
#qzyx{
    background-color: #C0C2C1;
    top: -70px;
    z-index: 200;

    overflow: hidden;
}
.hole{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-image: url(wood.png);

    position: absolute;
    left: 10px;
    bottom: 10px;
}
#jl h1{
    color: white;
    font-size: 60px;
    text-align: right;
    padding-right: 20px;
    font-weight: normal;
}
#jl h2{
    color: blue;
    font-size: 40px;
    position: absolute;
    bottom: 0px;
    left: 50px;
}
#jl h2 small{
    display: block;
    color: white;
    font-size: 20px;
}
.header-title{
    text-align: right;
    padding: 10px 15px 5px 0px;
}
#grxx p:nth-of-type(1){
    position: absolute;
    top: 40px;
    left: 130px;
}
#grxx p:nth-of-type(2){
    position: absolute;
    top: 40px;
    right: 15px;
}
section p{
    font-size: 14px;
    text-align: right;
}

#zwpj p{
    text-align: left;
}
#zwpj p:nth-of-type(1){
    position: absolute;
    top: 20px;
    left: 45px;

    width: 350px;
}
#zwpj p:nth-of-type(2){
    position: absolute;
    top: 102px;
    left: 45px;
}

#qzyx h3{
    position: absolute;
    top: 20px;
    left: 150px;
    color: white;
    z-index: 5;
}
#qzyx h3::first-letter{
    color: gray;
}
#qzyx h4{
    font-size: 35px;
    color: white;
    position: absolute;
    top: 45px;
    right: 80px;
    z-index: 5;
}
#qzyx #yellow-cirle{
    width: 150px;
    height: 150px;
    background-color: yellow;
    opacity: 0.5;
    border-radius: 50%;

    position: absolute;
    top: -10px;
    left: 60px;
    z-index: 10;
}
#qzyx #blue-cirle{
    width: 240px;
    height: 240px;
    background-color: blue;
    border-radius: 50%;
    position: absolute;
    top: -80px;
    right: 80px;
    z-index: 1;
}
#lxfs p{
    position: absolute;
    text-align: right;
    left: 300px;
    top: 60px;
}
#jyjl p{
    position: absolute;
    text-align: right;
    left: 350px;
    top: 70px;
}
#jyjl h3,#sjjl h3{
    color: white;
}
#sjjl  p{
    position: absolute;
    right: 18px;
    bottom: 40px;
}
#jnsp  p{
    position: absolute;
    right: 18px;
    bottom: 20px;
}